<html>
	<head>
		<meta charset="utf-8">
		<title>VIP09的HTML网页</title>
		<link rel="icon" href="http://www.baidu.com/img/baidu_85beaf5496f291521eb75ba38eacbd87.svg">
		<style type="text/css">h6,p{font-size:20px;background-color:yellow}</style>
		<link rel="stylesheet" type="text/css" href="css/vip09css.css" >
	</head>

	<body>
		<div>今天好困呀</div>
		<h1 align="center">这是一个一级标题</h1>
		<h2 style="text-align:center;color: #a43309;font-size: 25px;">困了就早点睡觉呀</h2>
		<h6>这是字体最小的标题级别</h6>
		<p>一米阳光同学想表个白</p>
		<p>今天你好奇怪呀</p>
		<div>哪里奇怪呢</div>
		<span>你今天怪好看的</span> 
		<span>周杰伦</span>
		<br/>
		<span>告白气球</span>
		<hr>
		<span>塞纳河畔</span>
		
		<div>
			<a href="https://www.baidu.com" target="_blank" title="百度一下，你就知道">想听歌上百度
				<img src="https://s0.2mdn.net/6266241/04142021-064309959-PD-Keyword-Research-Checklist_728-90.png" height="100px" width="800px">
				<img src="pic\pic.jpg" height="102px" width="192px">
				<br>
				<img src="pic\com.jpg" height="102px" width="192px">
				<br>
				<!-- 尽量不要用绝对路径，否则网页发给别人使用的时候，容易找不到资源。 -->
				<img src="E:\QSwork\素材\图片素材\timg.png" height="102px" width="192px">
			</a>
		</div>
		
		<div>
			<h3>接下来是个form表单元素</h3>
			<form >
				<div id="login">
					<label>用户登录名：</label>
					<input name="user" type="text" placeholder="请输入用户名" value="roy">
					<label>用户昵称</label>
					<input name="user" type="text" placeholder="请输入用户名" value="roy">
					<label>用户密码：</label>
					<input name="pwd" type="password" placeholder="请输入密码">
				</div>
				<!-- 单选框元素-->
				<div class="showlove">
					<span>选择你的表白方式：</span>
					<br>
					<label><input type="radio"  name="表白方式" >送花</label>
					<label><input type="radio" name="表白方式" >土味情话</label>
					<label><input type="radio" name="求婚方式"  >制造浪漫</label>
				</div>
				
				
				<div>
					选择喜欢吃的菜：
					<label>油爆<input type="checkbox" name="喜欢吃的菜" >小龙虾</label>
					<label><input type="checkbox" name="喜欢吃的菜" >臭豆腐</label>
					<label><input type="checkbox" name="喜欢吃的菜" value="冬瓜山小香肠">冬瓜山小香肠</label>
					<label><input type="checkbox" name="喜欢吃的菜" value="烤生蚝">烤生蚝</label>
				
				</div>
				
				<div>
					请上传一个文件：
					<input type="file" name="file">
				</div>
				
				<select name="电器">
					<option value="fridge">冰箱</option>
					<option value="洗衣机">洗衣机</option>
				</select>
				
				<div>
					<input type="submit" value="登 录">
				</div>
			</form>

			
		</div>
		
		<div>
			<iframe src="vip09Frame.html" height="600px" frameborder="0"></iframe>
		</div>
		
	</body>

</html>